.info{
    display: flex;
}

.info .infoleft{
    width: 80%;
}

.info .infoleft .infolist{
    width: 100%;
}

.info .infoleft .infolist ul{
    width: 100%;
}

.info .infoleft .infolist ul li{
    width: 100%;
}

.info .infoleft .infolist ul li .info-left-img{
    width: 20%;
}

.info .infoleft .infolist ul li .info-left-img img{
    width: 100%;
}


.info .infoleft .infolist  li a{
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.info .infoleft .infoleft-item{
    padding-left: 10px;
    width: 75%;
}

.info .infoleft .infoleft-item h1{
    font-size: 16px;
    color: #101215;
}

.info .infoleft .infoleft-item p{
    font-size: 14px;
    color: #101215;
}

.info .inforight{
    width: 20%;
    background: #f4d040;
}

.info .inforight li{
    padding-bottom: 5px;
    background-color: white;
}

.info .inforight img{
    width: 99%;
    -webkit-box-shadow: 3px 3px 3px #8c8d8c;
    -moz-box-shadow: 3px 3px 3px #8c8d8c;
    box-shadow: 3px 3px 3px #8c8d8c;
}

.infopage{
    margin: 0 auto;
    padding: 70px 0;
    width: 70%;
}

.infopage ul{
    display: flex;
    margin: 0 auto;
}

.infopage li span{
    border: 1px solid #242c2f;
    width: 70px;
    margin: 0 100px;
}

.infopage li a{
    border: 1px solid #242c2f;
    color: #242c2f;
    background-color: white;
}

.infopage li a:hover{
    color: white;
    background-color: #2c2e37;
}



